<template>
  <view>
    <view class="invoice_titlebox">
      <view class="title">{{title}}</view>
      <image class="dividers_img" :src="dividersImgRed"></image>
      <view class="text_75c" v-for="(item,index) in textArr" :key="index">{{item}}</view>
    </view>
    <!-- 分割线 -->
    <image class="line_img" src="https://100000063-1252208446.file.myqcloud.com/images/macallan-remvp/cart/empty_cart_line3x.png"></image>
  </view>
</template>
<script>
  import tip from '@/utils/tip';
  import api from '@/api/api';
  import {
    SYSTEM_INFO,
    USER_SPECICAL_INFO
  } from '@/utils/constant';

  export default {
    props: {
      title: {
        default: "申请发票",
        type: String
      },
      imgColor: {
        default: "#CB171A",
        type: String
      },
      textArr: {
        default: [],
        type: Array
      },
    },
    data() {
      return {
        dividersImgRed: ""
      };
    },
    methods: {},
    mounted(){
      const { paySuccessIconSvgImg } = require('./imgs.svg.js');
      this.dividersImgRed = paySuccessIconSvgImg(this.imgColor);
    }
  };
</script>
<style lang="less">
  .invoice_titlebox{
    width: 100%;
    height: 464rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    .title {
      font-family: NotoSansSC-Medium;
      font-size: 64rpx;
      font-weight: 500;
      line-height: 80rpx;
      text-align: center;
    }
    .dividers_img{
      width: 143.22rpx;
      height: 40rpx;
      margin: 40rpx auto;
    }
    .text_75c{
      font-family: NotoSansSC-Regular;
      font-size: 24rpx;
      font-weight: 500;
      line-height: 40rpx;
      color: #757575;
    }
  }
  .line_img{
    width:750rpx;
    height:12rpx;
  }
</style>
